<template>
    <el-container>
        <el-card style="width: 100%; margin: 10px">
            <el-tabs style="height: 100%; min-height: 600px;">
                <el-tab-pane label="金丝雀发布">
                    <canary></canary>
                </el-tab-pane>
                <el-tab-pane label="蓝绿部署">
                    <blue-green></blue-green>
                </el-tab-pane>
                <el-tab-pane label="单链路灰度">
                    <single-gray></single-gray>
                </el-tab-pane>
                <el-tab-pane label="全链路灰度">
                    <full-gray></full-gray>
                </el-tab-pane>
            </el-tabs>
        </el-card>
    </el-container>
</template>

<script>
import BlueGreen from './gray/blue_green.vue'
import Canary from './gray/canary.vue'
import SingleGray from './gray/single_gray.vue'
import FullGray from './gray/full_gray.vue'

export default {
    components: {
        BlueGreen,
        Canary,
        SingleGray,
        FullGray
    }
}
</script>

<style>

</style>